<style>
    .footer-link{
        text-align: right;
    }
    .footer-link a{
        display: inline-block;
        margin: 20px 10px;
        font-size: 12px;
        color: #999;
    }
    .footer-link .icon{
        width: 22px !important;
        height: 22px !important;
        margin-right: 5px;
    }
    .wechat-img{
        width: 8rem !important;
        height: 8rem !important;
    }
</style>
<div class="dan-header">
    <img src="${ctxPath}/image/ic_logo.png" alt="" class="logo" style="cursor:pointer" onclick="javascript:window.location.href='${ctxPath}/'">
    @if(has(member)){
    <div class="user-info">歡迎，<a href="${ctxPath}/user/detail">${member.nickname!member.mobile1}</a>
        <img src="${ctxPath}/image/ic_vip.png" alt="">
        <span class="logout" style="cursor:pointer" onclick="javascript:window.location.href='${ctxPath}/logout'">退出</span>
    </div>
    @}else{
    <button type="button" class="btn btn-sm btn-danger-outline" style="cursor:pointer" onclick="javascript:window.location.href='${ctxPath}/register'" >注册</button>
    <button type="button" class="btn btn-sm btn-danger-outline border-right" style="cursor:pointer" onclick="javascript:window.location.href='${ctxPath}/login'">登入</button>
    @}
    <ul class="top-nav">
        <li><a href="${ctxPath}/#about">關於DAN</a></li>
        <li><a href="${ctxPath}/#questions">常見問題</a></li>
        <li><a href="${ctxPath}/#emerg-contact">聯系DAN</a></li>
        @if(has(member)){
        <li><a href="#">加入DAN</a></li>
        @}else{
        <li><a href="${ctxPath}/login">加入DAN</a></li>
        @}
    </ul>
`    <!-- 12-24 添加中英文-->
    <ul class="top-nav lang-nav">
        <li><a href="javascript:void(0);" onclick="javascript:changeLanguage('zh_CN')">中文（簡體）</a></li>
        <li><a href="javascript:void(0);" onclick="javascript:changeLanguage('zh_TW')">中文（繁體）</a></li>
    </ul>
    <!-- 12-24 添加中英文-->
</div>
<script src="${ctxPath}/js/jquery.min.js"></script>
<script>

    function changeLanguage(language) {
        $.ajax({
            url:"${ctxPath}/lang/"+language,
            success:function(result){
                window.location.reload();
            }
        });
    }

</script>